Tempered Teal Loft color palette — #F0FBD6 · #B7F0EC · #67C1A0 · #4C8777 · #3B4C34
A conversation between Mint Leaf and Fern, giving this palette its sense of calm and sophistication.
The five colors
- Custard (#F0FBD6): A whisper-light, dusty green — the color of a quiet forest floor.
- Sea Foam (#B7F0EC): A whisper-light, dusty teal — the color of shallow lagoons.
- Mint Leaf (#67C1A0): A luminous, balanced teal — the color of shallow lagoons.
- Fern (#4C8777): A full-bodied, dusty teal — the color of shallow lagoons.
- Deep Olive (#3B4C34): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Calm, Sophistication. Tagged light, muted, cool.
Use it as a design system
One click turns Tempered Teal Loft 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
- Celadon Meadow color palette (#F8F9CF, #C0F5B4, #8FCB95, #649273, #454841)
- Ancient Turquoise Station color palette (#DFFFE3, #9CF2FF, #5EC0D6, #538FA3, #365649)
- Muted Lagoon Ridge color palette (#C7EFE9, #95C1A1, #399674, #00665B, #0D3A43)
- Teal Station color palette (#84FCEC, #00C2BD, #009095, #00555C, #002229)
- Seafoam Cabin color palette (#D9FFF3, #00EACD, #00B0A6, #007474, #00393D)
- Tempered Seafoam Loft color palette (#EFF9EA, #8DFDE7, #BDC8FF, #5FAA9B, #583C50)
- Bronze Archive color palette (#FCF5E1, #D4E4BF, #B4B185, #947530, #484000)
- Seafoam Delta color palette (#EBFAE9, #5DE4DD, #8FBDFD, #98AA79, #313C2F)
Browse the whole catalog at Explore, or see today's palette.