Sunlit Cobalt color palette — #FFF2EA · #58C7EC · #0073B5 · #005650 · #1E2F5F

A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Sky (#58C7EC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#0073B5): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005650): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#1E2F5F): 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 Cobalt 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

• Feathered Bloom color palette (#FFF2EC, #00D1D0, #007B91, #005935, #003752)
• Cobalt Drift color palette (#FFEEE3, #67CAE9, #0074C6, #005343, #140153)
• Cobalt Coast color palette (#FEF2EC, #A7D0B8, #2380B5, #006156, #4B2F4A)
• Feathered Cornflower Canyon color palette (#FFF0F9, #7CD9FA, #338EEA, #007461, #2B2769)
• Aged Canyon color palette (#F5E9E0, #4BABD2, #00599B, #003E3C, #111949)
• Feathered Cerulean Meadow color palette (#D1EFE8, #009DA8, #007592, #00496E, #002E5E)
• Misty Delta color palette (#E0F7FF, #BCD4FF, #C091F2, #007878, #0D3A5A)
• Tempered Sky Lagoon color palette (#EDF9EF, #A0E5FF, #33B6FC, #00979B, #003363)

Browse the whole catalog at Explore, or see today's palette.