Patina Cobalt Lagoon color palette — #FBF3EF · #A9D0B8 · #0C7DC7 · #00624B · #4C3044
Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Ivory (#FBF3EF): a clean, paper-quiet neutral.
- Pistachio (#A9D0B8): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#0C7DC7): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#00624B): A full-bodied, balanced teal — the color of sea glass.
- Charcoal (#4C3044): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Patina Cobalt Lagoon 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
- Indigo Veranda color palette (#FAF4EE, #A3CAEC, #5D6ECF, #005F61, #4F2F3D)
- Softworn Orchard color palette (#FFF2EE, #B5CDB1, #00869F, #306029, #114439)
- Dusty Petrol color palette (#FFF2ED, #72C8CE, #0078A0, #005A2F, #0D3165)
- Azure Harbor color palette (#FBF4EA, #A4DFF1, #3CA1D0, #007C7A, #13443A)
- Weathered Azure Bloom color palette (#FAF3F0, #C9E9E4, #64A0CA, #437C63, #614A5C)
- Sunlit Teal color palette (#E2F5EC, #00B4B0, #007B92, #004D76, #342D56)
- Dusty Lantern color palette (#E7FBEE, #E8C7E4, #CD9EEB, #2C7E66, #27493D)
- Crimson Meadow color palette (#F8E9FA, #4F92D5, #CE375F, #00589C, #58202B)
Browse the whole catalog at Explore, or see today's palette.