Tempered Coast color palette — #E1EBC9 · #42BF00 · #009455 · #006152 · #003937

Clover and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#E1EBC9): A whisper-light, dusty green — the color of new leaves after rain.
• Clover (#42BF00): A luminous, vivid green — the color of a quiet forest floor.
• Fern (#009455): A full-bodied, balanced teal — the color of sea glass.
• Pine (#006152): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#003937): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Tempered Coast 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

• Wandering Basin color palette (#E5E2C4, #94B500, #508C00, #006741, #003B30)
• Airy Field color palette (#D8FFB2, #38D14C, #009D60, #005A45, #002721)
• Lime Ridge color palette (#E6E5D4, #88CC00, #00B06C, #007E72, #003F45)
• Aged Olive Study color palette (#D2FFE2, #75EDE8, #80C5FF, #5B8E0B, #004035)
• Pale Mint Alley color palette (#E0F1E1, #00D0A1, #009F97, #007382, #004A62)
• Patina Mint Station color palette (#A0FFE2, #00D1B5, #008C75, #005244, #001F18)
• Weathered Jade color palette (#D7FFF5, #A6DCB1, #37B28A, #2F8478, #375864)
• Feathered Raspberry Grove color palette (#C0EFEF, #30CD8B, #D80097, #007D50, #540539)

Browse the whole catalog at Explore, or see today's palette.