Gentle Azure color palette — #F3F7EB · #CEE8FF · #7FBAFF · #009ED2 · #233E6F
Cerulean and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F3F7EB): bright and airy, almost weightless.
- Frost (#CEE8FF): A whisper-light, dusty blue — the color of open sky before noon.
- Sky (#7FBAFF): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#009ED2): A luminous, balanced blue — the color of deep harbor water.
- Navy (#233E6F): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Gentle 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
- Powdered Station color palette (#F5F7E7, #B7F0FC, #0ACAF5, #00A5AA, #00465E)
- Tempered Periwinkle Field color palette (#FEF1F5, #D8D3DE, #86ACFF, #008693, #332D5C)
- Ancient Peony color palette (#FFF2F0, #FFA7C4, #8FB6FF, #F05696, #1C376F)
- Ancient Azure Corridor color palette (#EEF0E4, #78CEE7, #00A0CD, #007B85, #002334)
- Washed Petrol Terrace color palette (#E0E3D2, #6BACBA, #00819F, #005D60, #000B12)
- Antique Cobalt color palette (#FBF0E4, #ACD5F6, #697DCC, #006262, #2B1A44)
- Tempered Teal color palette (#F5F6EF, #CBE6DF, #8FD4DF, #62B2A9, #44584C)
- Timeworn Blush color palette (#FFF2ED, #E4D7CA, #BFC993, #F48C9C, #643931)
Browse the whole catalog at Explore, or see today's palette.