Patina Lagoon color palette — #F0F7F1 · #B9E5F3 · #4597AA · #27705F · #314B5D
A conversation between Cerulean and Teal, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F0F7F1): a clean, paper-quiet neutral.
- Powder Blue (#B9E5F3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#4597AA): A luminous, balanced blue — the color of open sky before noon.
- Teal (#27705F): A full-bodied, dusty teal — the color of shallow lagoons.
- Charcoal (#314B5D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Patina 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
- Tempered Cypress Bloom color palette (#F7EFF5, #BFE3EF, #5B97AB, #2F6C52, #132E45)
- Patina Ash Studio color palette (#F0F7F1, #D8DEEF, #759DC4, #497687, #475365)
- Ancient Teal Lantern color palette (#F5F6EF, #C2E8DE, #7DCCD8, #3AACA1, #2D513C)
- Timeworn Cerulean Boulevard color palette (#D5E6D8, #1DA0B4, #005169, #00302C, #001626)
- Tempered Studio color palette (#E4F3E7, #71C0CA, #00748E, #005147, #053248)
- Hushed Peony color palette (#F6F3FF, #B568AD, #957704, #007686, #3A3448)
- Weathered Shell color palette (#F6F3FF, #E9DBD8, #F2B3AE, #807FA5, #53495F)
- Patina Emerald color palette (#F5F3FF, #C385C9, #519D5C, #805283, #294C2D)
Browse the whole catalog at Explore, or see today's palette.