Cerulean Orchard color palette — #ECF8F4 · #F9DBDE · #E4BEB6 · #4F8DB8 · #30453E

A conversation between Cerulean and Oat, giving this palette its sense of trust and stability.

The five colors

• Ivory (#ECF8F4): a clean, paper-quiet neutral.
• Shell Pink (#F9DBDE): A whisper-light, dusty red — the color of embers at dusk.
• Oat (#E4BEB6): A whisper-light, dusty orange — the color of autumn markets.
• Cerulean (#4F8DB8): A luminous, balanced blue — the color of open sky before noon.
• Charcoal (#30453E): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

Use it as a design system

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

• Dusty Lagoon color palette (#F0F8F0, #C2E5E6, #DBC7D6, #00999A, #354436)
• Worn Terrace color palette (#FBF2F7, #EBD6CF, #D4BBA7, #8579C7, #483C42)
• Petrol Cabin color palette (#EEF6FF, #D9D7EA, #B1BCD4, #2E6BB3, #344150)
• Periwinkle Thicket color palette (#F8F3F9, #EAD5DA, #B9AD9F, #5DA7FF, #4A394B)
• Muted Ridge color palette (#FFF3E8, #D0BB56, #6D944B, #765D8A, #3D3A34)
• Indigo Boulevard color palette (#F0E0EA, #6C70FF, #563957, #331F2D, #061510)
• Antique Denim color palette (#F7EAF3, #D7BCC3, #BA9D9B, #515B96, #261B23)
• Basalt Cabin color palette (#F3E2E4, #BD9C95, #9C806D, #622E5F, #140406)

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