Patina Cerulean color palette — #F1F3EB · #B4E4FF · #5195C4 · #19687C · #0D332C

Cerulean takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F1F3EB): bright and airy, almost weightless.
• Powder Blue (#B4E4FF): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#5195C4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#19687C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Forest (#0D332C): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Softworn Dune color palette (#F2F2EA, #C8E6C5, #4E9C9F, #2F6A5D, #16331F)
• Patina Teal color palette (#E8EAD9, #3EAEB5, #006470, #003A35, #000D12)
• Hushed Cypress Grove color palette (#F1F7F2, #C2E1F7, #6A8EB0, #006F7A, #364963)
• Powdered Corridor color palette (#E1F8EF, #36B0EB, #699E4E, #176D94, #172E09)
• Azure Bloom color palette (#D8FBF1, #2293E5, #9769B2, #007D6D, #00251D)
• Hushed Cobalt color palette (#EFF4E7, #A7CBF2, #567DB6, #00567B, #121E3F)
• Weathered Cobalt color palette (#E9EEDD, #3B91CF, #004989, #00293A, #000314)
• Muted Cerulean Corridor color palette (#E3E5D7, #00869F, #004256, #001F22, #000103)

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