Tempered Coast color palette — #FCF4E4 · #A5C78D · #238A69 · #5C5024 · #0D1D00

Fern takes the lead with Pistachio close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FCF4E4): A whisper-light, dusty gold — the color of honey in a jar.
• Pistachio (#A5C78D): A luminous, balanced green — the color of fresh herbs.
• Fern (#238A69): A full-bodied, balanced teal — the color of glacier melt.
• Coffee (#5C5024): A full-bodied, dusty green — the color of new leaves after rain.
• Ink (#0D1D00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.

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

• Hushed Delta color palette (#F7F6E6, #8CCAB0, #00878D, #733D53, #111D00)
• Softworn Corridor color palette (#FFF3E8, #C9BC7A, #5D833F, #045D5C, #211700)
• Chestnut Veranda color palette (#FAF5E6, #B3DDB0, #449B89, #776113, #272A0C)
• Jade Drift color palette (#FAF6E0, #65B685, #006E6A, #384100, #000B03)
• Quiet Ridge color palette (#CEF3B4, #15D097, #00918A, #00555F, #002434)
• Timeworn Corridor color palette (#DAE9DF, #749954, #006548, #4B3C00, #003129)
• Antique Basalt Coast color palette (#FBF4EB, #C2E2CF, #ABB38E, #738D7B, #534600)
• Celadon Pier color palette (#FDF5DF, #B6E9A6, #45A58B, #347292, #2E2F28)

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