Sunlit Navy color palette — #FFF2EC · #A5E6F7 · #4EB2FF · #009B77 · #20237B
A conversation between Navy and Cornflower, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Powder Blue (#A5E6F7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cornflower (#4EB2FF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Fern (#009B77): A luminous, balanced teal — the color of sea glass.
- Navy (#20237B): 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 Navy 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
- Worn Emerald Field color palette (#FEF2ED, #CBE9D3, #65BCF2, #2BA374, #2A3960)
- Airy Lilac color palette (#FFF3E7, #BCDEFF, #95A1FF, #00969E, #411D60)
- Azure Ridge color palette (#EDE0D8, #9FCCB4, #3D96EA, #007F68, #18154B)
- Ancient Cerulean color palette (#EDF9EF, #8ED8EA, #0099CA, #00736E, #003659)
- Dusty Station color palette (#FDECF7, #00D1F0, #0079B6, #00543C, #0A0F4A)
- Weathered Harbor color palette (#FAF4F0, #D0E5E4, #ABC9F0, #65B3A2, #65485A)
- Aubergine Workshop color palette (#F7E2BD, #F0C332, #9182EA, #A58400, #32007C)
- Weathered Sapphire color palette (#ECE0D6, #77A7C7, #4A6CD0, #005D5A, #0D0024)
Browse the whole catalog at Explore, or see today's palette.