Lagoon Basin color palette — #E1F3F3 · #009B72 · #005D6B · #00523B · #000204
A conversation between Fern and Forest, giving this palette its sense of trust and stability.
The five colors
- Cream (#E1F3F3): a clean, paper-quiet neutral.
- Fern (#009B72): A luminous, balanced teal — the color of shallow lagoons.
- Peacock (#005D6B): A full-bodied, dusty blue — the color of deep harbor water.
- Forest (#00523B): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Black (#000204): a grounded near-black with real depth.
Feels like: Trust, Stability, Calm, Sophistication. Tagged duotone, muted, cool.
Use it as a design system
One click turns Lagoon Basin 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
- Airy Emerald Villa color palette (#DEF5F2, #009F2B, #006152, #005512, #000203)
- Softworn Lagoon Harbor color palette (#D8E7EC, #008588, #004B6B, #004142, #000205)
- Aubergine Harbor color palette (#CCE7E2, #008281, #005463, #2D0078, #000E10)
- Forest Study color palette (#D6E2E3, #A5B8BD, #5FA2A6, #006153, #00181B)
- Nightshade Market color palette (#D7F0E9, #729E2C, #233CB1, #2D4400, #00000C)
- Antique Jade Atelier color palette (#E6EBDB, #00B862, #007CB0, #007C40, #000204)
- Gentle Pier color palette (#E3F6F8, #00C7A5, #008794, #007B65, #00151D)
- Aged Workshop color palette (#D5F0EC, #237D00, #00345E, #083000, #000206)
Browse the whole catalog at Explore, or see today's palette.