Tempered Studio color palette — #FAF4EC · #CBEAC8 · #00C8DB · #30A17D · #204332
A conversation between Cyan and Fern, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FAF4EC): bright and airy, almost weightless.
- Celadon Mist (#CBEAC8): A whisper-light, dusty green — the color of a quiet forest floor.
- Cyan (#00C8DB): A luminous, balanced blue — the color of open sky before noon.
- Fern (#30A17D): A luminous, balanced teal — the color of shallow lagoons.
- Forest (#204332): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Studio 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
- Tempered Pier color palette (#F9F4ED, #BCEEE8, #63CBF8, #4EA9A3, #2B5046)
- Sky Field color palette (#F9F4EE, #BBEDD9, #6DB7FF, #179DAE, #4C2F49)
- Softworn Meadow color palette (#EDE6DA, #5EB0B2, #008396, #005F4C, #000B12)
- Muted Harbor color palette (#F4EEE4, #98E0F6, #13B1F4, #009191, #052F53)
- Lagoon Corridor color palette (#E6F6F2, #9FD1DE, #008D94, #005D50, #00262B)
- Softworn Pine Studio color palette (#FEF2EF, #A6E2DE, #00A6C9, #337E38, #1F3D59)
- Fuchsia Orchard color palette (#FFDAE0, #E185ED, #D19A00, #00AAB5, #412027)
- Tempered Veranda color palette (#EEE8D5, #BBC98F, #ABA137, #927532, #31312A)
Browse the whole catalog at Explore, or see today's palette.