Cerulean Quarry color palette — #FCF3F0 · #C8E6CA · #0A98C2 · #2F7243 · #553F56
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FCF3F0): a clean, paper-quiet neutral.
- Celadon Mist (#C8E6CA): A whisper-light, dusty green — the color of fresh herbs.
- Cerulean (#0A98C2): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#2F7243): A full-bodied, balanced teal — the color of glacier melt.
- Charcoal (#553F56): A full-bodied, dusty pink — the color of a candy shop window.
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
- Iris Station color palette (#FBF4ED, #C2E6D9, #6886D5, #00716E, #5A3E4B)
- Airy Forest color palette (#FFF2EE, #A0DBD8, #008DAB, #186B1D, #0C426D)
- Wandering Canyon color palette (#FDF3ED, #96D0DD, #007FC0, #006247, #4D2E47)
- Weathered Pier color palette (#EBF5ED, #B8E5F3, #3C9CB0, #206D5B, #0F2F42)
- Softworn Turquoise Veranda color palette (#F9F4ED, #B1F3F5, #64B2C4, #448977, #2D5041)
- Muted Stone Orchard color palette (#FFF1F4, #E4D7CF, #F3B487, #6777A0, #5E4547)
- Antique Cerulean color palette (#EDE2DD, #24A0B2, #004F74, #00321F, #030940)
- Muted Petrol color palette (#F5ECE9, #74BFC8, #00719B, #005330, #192D51)
Browse the whole catalog at Explore, or see today's palette.