Cerulean Canyon color palette — #F8F1E6 · #ABD2BD · #3C83AE · #005B5D · #012042

Cerulean takes the lead with Midnight close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F8F1E6): a clean, paper-quiet neutral.
• Pistachio (#ABD2BD): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#3C83AE): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005B5D): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#012042): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Cerulean Canyon 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

• Washed Cobalt Dune color palette (#FCF2F8, #ADCADB, #497BB3, #006152, #35365C)
• Tempered Villa color palette (#F0E8DB, #7EC2BE, #007984, #004D37, #001921)
• Softworn Cerulean Quarry color palette (#F6F1E9, #C4E5DB, #6F8EC1, #0E697F, #3B2335)
• Timeworn Navy color palette (#E7E0D4, #45819B, #003F65, #001F22, #000106)
• Turquoise Canyon color palette (#DBF2F1, #00A7BA, #007690, #00415B, #00223E)
• Pale Plum color palette (#D9E8E2, #0086B9, #AD4174, #5B6100, #001623)
• Timeworn Petrol Balcony color palette (#D9FBEC, #C6DCFF, #B5ACDC, #137B88, #002D25)
• Dusty Rust Station color palette (#D4F1E3, #009FCD, #BF5A2A, #005E7A, #340F00)

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