Tempered Celadon color palette — #E9FAEF · #C2DB91 · #64986F · #4B6C58 · #132E27
Pistachio and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E9FAEF): A whisper-light, dusty teal — the color of sea glass.
- Pistachio (#C2DB91): A whisper-light, balanced green — the color of new leaves after rain.
- Fern (#64986F): A luminous, balanced teal — the color of shallow lagoons.
- Pine (#4B6C58): A full-bodied, dusty teal — the color of sea glass.
- Deep Forest (#132E27): 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 Tempered Celadon 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
- Weathered Lagoon Harbor color palette (#E7FAF4, #ACDFB6, #479B88, #765775, #052F2D)
- Worn Cabin color palette (#E9FAF3, #C2F5C3, #6BAD98, #627D73, #263D3B)
- Pine Parlor color palette (#E5FCF0, #9BCB85, #008C60, #2A5869, #001E19)
- Chalky Balcony color palette (#DAFEF8, #00E4AE, #009090, #39652D, #00251A)
- Pale Mint color palette (#E1FFDB, #27DE8D, #00A993, #007072, #003C4A)
- Hushed Emerald Corridor color palette (#CAE9E0, #1FA768, #005A51, #203100, #000201)
- Pine Grove color palette (#FBF5E4, #92A274, #3F713A, #524D12, #36362F)
- Muted Workshop color palette (#E2FBFF, #D1DDE9, #BCA9A5, #67996F, #1D3B46)
Browse the whole catalog at Explore, or see today's palette.