Teal Field color palette — #D9E4D6 · #54B196 · #007679 · #004558 · #001A39
Built around Jade, softened by Teal — the whole palette hums with trust and stability.
The five colors
- Bone (#D9E4D6): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#54B196): A luminous, balanced teal — the color of sea glass.
- Teal (#007679): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Teal (#004558): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#001A39): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
Use it as a design system
One click turns Teal Field 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
- Hazy Navy color palette (#D6E7E1, #20B5C0, #007393, #023682, #140047)
- Pine Market color palette (#E3E0D2, #94AA60, #2C753D, #00433A, #001A1D)
- Ancient Lagoon Pier color palette (#E1EEE3, #008779, #00515A, #00263A, #010026)
- Washed Onyx color palette (#BBFDDB, #70C6C4, #1589A6, #00487C, #161357)
- Lagoon Drift color palette (#C1EDB5, #69C5A6, #009399, #006580, #003161)
- Washed Seafoam Archive color palette (#D7FFF6, #61E7E4, #009AA2, #005D6B, #00232E)
- Feathered Delta color palette (#FFDDF5, #1CA17A, #006581, #661625, #001C22)
- Ancient Cypress color palette (#EBF4F4, #CED7E1, #A9BAC4, #1F7557, #172323)
Browse the whole catalog at Explore, or see today's palette.