Cerulean Ridge color palette — #ECF9EF · #B8E9FF · #00A4BA · #006C56 · #00222F

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF9EF): a clean, paper-quiet neutral.
• Powder Blue (#B8E9FF): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#00A4BA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#006C56): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#00222F): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Azure Chapel color palette (#ECF9EF, #CEE1FF, #0399EC, #006971, #081D3E)
• Softworn Turquoise color palette (#EFF8F1, #D6D6E4, #00B7E3, #008074, #05324A)
• Dusty Denim color palette (#DCECDF, #6BAEBD, #005D7B, #002B29, #000103)
• Softworn Dune color palette (#EDF9EF, #85DAF3, #0084B6, #005151, #000D1E)
• Pale Field color palette (#F6F3FF, #D15ACF, #A17C00, #007986, #1A021A)
• Hushed Glacier Delta color palette (#F1F7F2, #D5D6E5, #8AD9F0, #649F92, #3A5060)
• Linen Ultramarine Meadow color palette (#E7F1E9, #8ABDE3, #0063C9, #003C48, #010015)
• Wandering Olive color palette (#E4FCF0, #A8BB83, #7C7B00, #564400, #001714)

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