Teal Lagoon color palette — #FFDFD7 · #FF9A94 · #00C4A2 · #153F2E · #1C2614
A conversation between Turquoise and Melon, giving this palette its sense of balance.
The five colors
- Shell Pink (#FFDFD7): A whisper-light, dusty orange — the color of sun-warmed clay.
- Melon (#FF9A94): A luminous, balanced orange — the color of toasted spice.
- Turquoise (#00C4A2): A luminous, balanced teal — the color of shallow lagoons.
- Forest (#153F2E): A deep, shadowed, dusty teal — the color of sea glass.
- Onyx (#1C2614): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Balance. Tagged neon, dark, vibrant.
Use it as a design system
One click turns Teal 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
- Worn Atelier color palette (#EEDEC4, #FFB2CE, #00B182, #003D3E, #1F2714)
- Aqua Bloom color palette (#F3ECDF, #FFAAA4, #00C7E3, #24413E, #1F2922)
- Soft Coral Meadow color palette (#FFE7DA, #FF6F75, #00AA96, #032429, #061103)
- Mint Basin color palette (#FFD99A, #FFAF95, #00DF96, #35654D, #052425)
- Hushed Aqua Lantern color palette (#F4DECA, #BDB7FF, #00CECB, #004645, #1D281D)
- Aqua Coast color palette (#87FEE6, #FFC38E, #25D9D0, #374C45, #2E332D)
- Airy Apricot color palette (#D8E3CF, #F58D00, #00ABC4, #142A3B, #00210F)
- Misty Pier color palette (#EBDED4, #DF82FF, #00B7B4, #002323, #000E12)
Browse the whole catalog at Explore, or see today's palette.