Patina Lagoon color palette — #F9F4ED · #C0E0E8 · #75C8E3 · #369385 · #20483B
Built around Fern, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Ivory (#F9F4ED): a clean, paper-quiet neutral.
- Silver (#C0E0E8): A whisper-light, dusty blue — the color of deep harbor water.
- Sky (#75C8E3): A luminous, balanced blue — the color of deep harbor water.
- Fern (#369385): A luminous, balanced teal — the color of glacier melt.
- Forest (#20483B): A deep, shadowed, dusty teal — the color of shallow lagoons.
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 Cerulean Lagoon color palette (#F9F4ED, #C1E3F5, #97BFE7, #418F9B, #51344E)
- Tempered Sky color palette (#F9F4ED, #BEE4F4, #68AFDC, #097E81, #132F4F)
- Wandering Cerulean Pier color palette (#F0F7F1, #B8E4F6, #0099BB, #007265, #2E4B61)
- Worn Petrol Courtyard color palette (#F6EDDE, #73C4DA, #007098, #003E3C, #000308)
- Hazy Cobalt color palette (#FBF4EA, #9AD4F6, #277EC8, #00505A, #000336)
- Powdered Ember color palette (#FFF2EC, #FFC4B9, #5ECDDE, #CD6858, #004148)
- Cocoa Coast color palette (#FFF2EB, #DFDBCD, #ADAEB9, #D2959A, #6B3900)
- Frosted Atelier color palette (#FFF2EB, #FF9D81, #69BF8E, #818BD3, #3E2414)
Browse the whole catalog at Explore, or see today's palette.