Tempered Teal Field color palette — #F3F6F0 · #D1E0DB · #A1BEC8 · #71BCA9 · #454942
Mint Leaf and Ash set the tone — five colors that lean into sophistication and softness.
The five colors
- Ivory (#F3F6F0): bright and airy, almost weightless.
- Silver (#D1E0DB): a clean, paper-quiet neutral.
- Ash (#A1BEC8): A luminous, dusty blue — the color of deep harbor water.
- Mint Leaf (#71BCA9): A luminous, balanced teal — the color of shallow lagoons.
- Charcoal (#454942): a grounded near-black with real depth.
Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.
Use it as a design system
One click turns Tempered 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
- Timeworn Teal color palette (#EFF8EF, #C4E1DE, #B6C7F3, #00ADB2, #253827)
- Tempered Harbor color palette (#D8EADB, #00C0CE, #4E7B68, #3D4F40, #161A14)
- Aged Lagoon color palette (#EBF4F5, #D0D9E2, #B3BECB, #3D8376, #1F2F32)
- Iris Harbor color palette (#EFF8ED, #5DD4CD, #8E94F9, #AC6471, #413805)
- Wandering Periwinkle Basin color palette (#F9F3F9, #E3D5D7, #D6BABA, #70A3DE, #3E383F)
- Taupe Chapel color palette (#FCF4E7, #D8D9A9, #9DB777, #89966E, #514100)
- Petrol Chapel color palette (#E1E8E4, #8DA7A9, #A98EA7, #006E87, #000D05)
- Glacier Courtyard color palette (#EAFBEA, #9DFFD7, #48F7FD, #87CCFF, #214631)
Browse the whole catalog at Explore, or see today's palette.