Teal Basin color palette — #E4F7F0 · #77AF8C · #24726E · #5A3956 · #002221
Jade takes the lead with Teal close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#E4F7F0): A whisper-light, dusty teal — the color of shallow lagoons.
- Jade (#77AF8C): A luminous, dusty teal — the color of glacier melt.
- Teal (#24726E): A full-bodied, dusty teal — the color of shallow lagoons.
- Cocoa (#5A3956): A deep, shadowed, dusty pink — the color of a candy shop window.
- Onyx (#002221): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Teal 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
- Cypress Terrace color palette (#E6FAF6, #7AA788, #00745C, #6B384E, #0A3E3C)
- Pine Loft color palette (#FDEDF2, #A5A36E, #47713E, #434167, #002316)
- Timeworn Moss Meadow color palette (#D5EBDD, #71A64C, #006C51, #552A5B, #0A1B00)
- Lagoon Boulevard color palette (#F7F6EA, #AEBB92, #31918D, #7F517A, #343630)
- Softworn Fern Ridge color palette (#F1E2E7, #988F55, #346312, #51300D, #161200)
- Lagoon Thicket color palette (#D6EBE5, #238C69, #004E51, #441633, #000B05)
- Faded Mustard Courtyard color palette (#FEF0C0, #BEA54C, #7F6500, #413100, #120C00)
- Faded Cobalt color palette (#DAF0DB, #CE932B, #236EBD, #724D00, #001C3C)
Browse the whole catalog at Explore, or see today's palette.