Patina Cerulean color palette — #FBF2F9 · #ACE9EF · #4E93B6 · #3C6F51 · #374962
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FBF2F9): bright and airy, almost weightless.
- Sea Foam (#ACE9EF): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#4E93B6): A luminous, balanced blue — the color of open sky before noon.
- Pine (#3C6F51): A full-bodied, dusty teal — the color of shallow lagoons.
- Charcoal (#374962): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, 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
- Dusty Ash Meadow color palette (#FCF2F6, #D9DFF0, #8599C2, #4C7680, #4D5165)
- Timeworn Workshop color palette (#FBF2F7, #8DD1E6, #337DBB, #10614D, #2C3A58)
- Wandering Cypress Coast color palette (#F2F3E9, #C7E5CD, #5699A7, #006D69, #113424)
- Teal Harbor color palette (#FAF3F0, #C3EAE3, #7EC9E9, #41AE8C, #205247)
- Softworn Coral Thicket color palette (#FFF0FC, #E37F71, #149AAC, #9B4A40, #004C55)
- Patina Ember color palette (#FFF0FB, #D55F44, #1689A2, #346695, #472F40)
- Stone Grove color palette (#FFF0FD, #E9E4C6, #B7C88F, #7C7095, #5A4754)
- Cerulean Market color palette (#FBE7F4, #00A0BB, #004E7B, #003123, #090C39)
Browse the whole catalog at Explore, or see today's palette.