Tempered Coast color palette — #FFF1F6 · #FEE28C · #AEC37B · #638A66 · #2E5458

Butter and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Butter (#FEE28C): A whisper-light, balanced green — the color of fresh herbs.
• Pistachio (#AEC37B): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#638A66): A full-bodied, dusty green — the color of fresh herbs.
• Peacock (#2E5458): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged light, 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

• Patina Celadon Corridor color palette (#DBFFEC, #D6F9A9, #80C397, #589385, #33515B)
• Softworn Garden color palette (#FFF3E2, #BBAE79, #848C3F, #4E732E, #50524B)
• Fern Basin color palette (#FFF5D9, #D6D8A0, #AEBA77, #839661, #565100)
• Celadon Corridor color palette (#E8FAF4, #D7F29C, #D8BFF5, #91A26D, #43435E)
• Fern Loft color palette (#D2F1E0, #B9B989, #7E8A45, #546914, #093D34)
• Wandering Stone color palette (#FFF0F8, #E6E6C5, #D0A38D, #887289, #32443B)
• Lime Harbor color palette (#F7E68F, #8EBF00, #008F40, #00574C, #002426)
• Chartreuse Villa color palette (#F1FDBB, #8CDD6B, #00AD72, #00726E, #00313A)

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