Patina Cerulean color palette — #DDE8C3 · #93AE8B · #4C8594 · #704D68 · #623E37

Built around Storm Blue, softened by Charcoal Brown — the whole palette hums with nature and growth.

The five colors

• Celadon Mist (#DDE8C3): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#93AE8B): A luminous, dusty green — the color of new leaves after rain.
• Storm Blue (#4C8594): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal Brown (#704D68): A full-bodied, dusty pink — the color of neon signs at night.
• Cocoa (#623E37): A full-bodied, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Patina Cerulean 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 Chestnut color palette (#EBFAE2, #99BA9D, #6C8B80, #825D5B, #6D4A00)
• Patina Station color palette (#EFDDB3, #B0AF89, #6B8545, #644A5B, #50362F)
• Hushed Corridor color palette (#CFE7E5, #96D1C7, #58B0C1, #877D9B, #4F4054)
• Muted Driftwood color palette (#C6F6DD, #89A6D6, #7C76AB, #7F5136, #5B4318)
• Washed Boulevard color palette (#BFECED, #5CA9CA, #4968A0, #7E303A, #5B2A04)
• Worn Cocoa Thicket color palette (#E2F3FF, #AB8AA3, #6F5C88, #693E12, #413200)
• Cypress Pier color palette (#FAF6E1, #86A57C, #36714E, #485026, #35362F)
• Muted Basalt Quarry color palette (#D8ECE0, #3B9490, #155E76, #571F46, #490611)

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