Sunlit Azure color palette — #F3F7EC · #D0E7FF · #87B8FF · #249CD4 · #293D6E
Cerulean and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F3F7EC): a clean, paper-quiet neutral.
- Frost (#D0E7FF): A whisper-light, dusty blue — the color of deep harbor water.
- Sky (#87B8FF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#249CD4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Navy (#293D6E): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Sunlit Azure into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Sky Balcony color palette (#F4F7E7, #B5EFFF, #28C8F8, #00A4AE, #004661)
- Washed Periwinkle Bloom color palette (#FFF1F5, #D9D3DD, #8DAAFF, #008597, #372669)
- Washed Workshop color palette (#E6EADD, #84B6DF, #3185DB, #00688A, #001038)
- Patina Fuchsia Field color palette (#FCE0FF, #E88CF2, #FF7F6E, #549BFF, #451E49)
- Petrol Courtyard color palette (#E6E9D9, #73AAB9, #0080A2, #005C62, #000B13)
- Weathered Boulevard color palette (#EFF0E0, #BBDEBE, #00B9CB, #009286, #00343E)
- Quiet Corridor color palette (#FFF1F5, #DBB0FF, #00CDE8, #BC6AF7, #00434D)
- Hushed Lilac Field color palette (#FFF1F3, #ECD5D7, #E0B897, #BD96D7, #563650)
Browse the whole catalog at Explore, or see today's palette.