Tempered Coast color palette — #EFF2C6 · #009F97 · #00606D · #26136E · #000505

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

The five colors

• Custard (#EFF2C6): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#009F97): A luminous, balanced teal — the color of glacier melt.
• Peacock (#00606D): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Indigo (#26136E): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#000505): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged retro.

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

• Emerald Delta color palette (#F6F0C4, #00A460, #006354, #002C51, #000503)
• Worn Aubergine color palette (#CCFCD9, #0099BC, #00598D, #440059, #000508)
• Aubergine Canyon color palette (#D2E9E5, #007571, #004550, #230069, #001B1C)
• Softworn Delta color palette (#E5FAE0, #008D82, #00537A, #2D2400, #000200)
• Worn Cobalt Alley color palette (#F3F7E8, #A1D4EE, #0083BE, #004F5F, #000D1D)
• Charred Navy color palette (#F3D8D2, #0065B1, #1D207C, #1E0013, #000106)
• Dusty Pine Chapel color palette (#FEE1F6, #007751, #004353, #3F0400, #000706)
• Tempered Terracotta Boulevard color palette (#FEDDCC, #12B37A, #00849F, #992400, #001B18)

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