Sunlit Cobalt color palette — #FFF3E9 · #A0D7F6 · #387FD7 · #006668 · #35396F

A conversation between Azure and Navy, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Powder Blue (#A0D7F6): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#387FD7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#006668): A full-bodied, dusty teal — the color of sea glass.
• Navy (#35396F): 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

• Airy Harbor color palette (#FFF2EC, #8ADEE5, #008DB0, #00694C, #00436E)
• Aged Sapphire Meadow color palette (#FFF3E8, #7BC0F0, #3669C8, #00555B, #2E2864)
• Cobalt Corridor color palette (#E8F5F4, #A7D7F4, #288ACA, #005F75, #002648)
• Cypress Boulevard color palette (#FBF3EF, #C5E5D2, #6090B2, #007266, #563F54)
• Navy Terrace color palette (#F7EBE3, #5399B9, #004A87, #00302F, #0A0A3C)
• Aged Olive Grove color palette (#FBF3EF, #CBE9DF, #6AA4AF, #677732, #305346)
• Powder Lagoon color palette (#FFF1F7, #C6EBFF, #81BAFF, #00A5A7, #333A6F)
• Washed Summit color palette (#F0E2DB, #448D93, #004356, #002317, #000A17)

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