Patina Cerulean color palette — #E6FBF4 · #99AF6B · #178FA6 · #6D4D89 · #582818

Cerulean and Graphite set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E6FBF4): A whisper-light, dusty teal — the color of sea glass.
• Sage (#99AF6B): A luminous, balanced green — the color of a quiet forest floor.
• Cerulean (#178FA6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Graphite (#6D4D89): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#582818): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged warm.

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

• Airy Jade color palette (#E8F9F8, #63BA84, #4984BF, #85446A, #4A3300)
• Gentle Marigold color palette (#EDF9EC, #CC9A51, #40936D, #31618C, #4D2947)
• Hazy Atelier color palette (#DEF7FF, #00AAB1, #6D67AB, #80323F, #332B00)
• Aged Basalt Harbor color palette (#D2FCEF, #AAD0CD, #88A5AC, #72728A, #554A66)
• Mulberry Delta color palette (#FFF1F5, #A97F51, #00755C, #70226A, #503003)
• Soft Delta color palette (#FFF2EA, #F5A989, #00B5C1, #B35E76, #542B23)
• Softworn Terrace color palette (#EEF8F1, #A5CFBD, #819868, #587B63, #2C4A3D)
• Misty Hollow color palette (#BEF5EE, #00A92D, #006FA9, #7D0067, #331F00)

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