Cerulean Quarry color palette — #F9F0EC · #CAE4CE · #3C99C1 · #2E6D47 · #372537

A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.

The five colors

• Cream (#F9F0EC): bright and airy, almost weightless.
• Celadon Mist (#CAE4CE): A whisper-light, dusty green — the color of a quiet forest floor.
• Cerulean (#3C99C1): A luminous, balanced blue — the color of open sky before noon.
• Pine (#2E6D47): A full-bodied, balanced teal — the color of glacier melt.
• Onyx (#372537): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

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

• Timeworn Alley color palette (#F6F1EC, #C3E8EA, #869CC7, #367871, #432F39)
• Feathered Forest Study color palette (#FCEEEA, #9EDDDE, #0090B8, #00672D, #00244D)
• Tempered Orchard color palette (#FBF4EA, #C5E7C9, #5295A7, #316F61, #2C5042)
• Coral Study color palette (#FFEDE8, #D16873, #008ABD, #0074A0, #30160F)
• Patina Denim color palette (#EADCD4, #4297A7, #004E76, #002D1E, #01001E)
• Tempered Lagoon color palette (#EFF8F1, #D5D6E5, #6FCAE2, #349481, #264356)
• Hushed Corridor color palette (#FDEFE6, #63CAEC, #0073CA, #005344, #140C48)
• Powdered Chapel color palette (#F0E5D8, #447EAB, #221F9C, #001F1F, #020007)

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