Lagoon Drift color palette — #C7E9D2 · #009F8D · #007E89 · #005575 · #001539
Built around Fern, softened by Teal — the whole palette hums with trust and stability.
The five colors
- Celadon Mist (#C7E9D2): A whisper-light, dusty teal — the color of sea glass.
- Fern (#009F8D): A luminous, balanced teal — the color of sea glass.
- Teal (#007E89): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005575): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#001539): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Lagoon Drift 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
- Lagoon Ridge color palette (#CCF2EA, #009493, #00555B, #002731, #000408)
- Dusty Emerald color palette (#DFEAC9, #08A72A, #008365, #00585E, #00151D)
- Linen Nightshade color palette (#CAE9E7, #00899E, #006793, #1E2EA2, #060020)
- Rust Study color palette (#DAEDF4, #00A0AC, #D24F00, #007079, #210600)
- Softworn Ember color palette (#DDE3D0, #DD6600, #00999E, #003133, #000203)
- Quiet Navy color palette (#DFF0E9, #00C8C3, #009FB6, #0071B5, #10217C)
- Timeworn Bronze Boulevard color palette (#DFF0F2, #008E9B, #B05A00, #755800, #000A0B)
- Softworn Nightshade color palette (#D1F5F9, #0096C0, #0067DD, #3D2ABA, #1D0036)
Browse the whole catalog at Explore, or see today's palette.