AI SaaS Landing Page Colors
- Hero Gradient#ffc2e2
- Conversion Aqua#91f5d8
- Trust Navy#14213d
- CTA Yellow#ffd93d
- Layout Cloud#f4f4f9
- Footer Graphite#3d3d3d
Created at 06/13/2025 11:44
The palette consists of Light, Dark, Semi dark colors. Accent colors Hero Gradient #ffc2e2 and Conversion Aqua #91f5d8. Palette has Warm, Cool, Neutral colors temperature.
By lightness, this palette runs from #14213D (darkest) to #F4F4F9 (lightest). The lightness range is wide.
Saturation is mixed — 1 muted and 3 vivid out of 6 colors.
Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.
Warm and cool swatches are fairly balanced (2 warm, 2 cool).
HEX codes (sorted): #14213D, #3D3D3D, #91F5D8, #F4F4F9, #FFC2E2, #FFD93D
Palette AI SaaS Landing Page Colors combines 6 color codes:
HEX: #ffc2e2, RGB: (255, 194, 226); HEX: #91f5d8, RGB: (145, 245, 216); HEX: #14213d, RGB: (20, 33, 61)
HEX: #ffd93d, RGB: (255, 217, 61); HEX: #f4f4f9, RGB: (244, 244, 249); HEX: #3d3d3d, RGB: (61, 61, 61)
Simplified version of palette colors
Tint of Pink, Shade of Aquamarine, Shade of Midnight Blue, Tint of Gold, Shade of Ghost White, Shade of Dark Slate Gray
Color scheme was created by coolor
Color codes in palette
AI SaaS Landing Page Colors color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #ffc2e2 | #ffc2e2 | RGB(255, 194, 226) | Hero Gradient | — |
| #91f5d8 | #91f5d8 | RGB(145, 245, 216) | Conversion Aqua | — |
| #14213d | #14213d | RGB(20, 33, 61) | Trust Navy | — |
| #ffd93d | #ffd93d | RGB(255, 217, 61) | CTA Yellow | — |
| #f4f4f9 | #f4f4f9 | RGB(244, 244, 249) | Layout Cloud | — |
| #3d3d3d | #3d3d3d | RGB(61, 61, 61) | Footer Graphite | Raven Black |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#ffc2e2 | #91f5d8 | 1.15 |
#ffc2e2 | #ffd93d | 1.08 |
#ffc2e2 | #f4f4f9 | 1.36 |
#91f5d8 | #ffd93d | 1.06 |
#91f5d8 | #f4f4f9 | 1.17 |
#14213d | #3d3d3d | 1.47 |
Image palette AI SaaS Landing Page Colors png
Export Palette
Download the "AI SaaS Landing Page Colors" in multiple formats for seamless integration into your design projects.
Available formats: