Tempered Coast color palette — #FFF2EE · #A6AE72 · #388581 · #744A66 · #484C00

Deep Olive and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Sage (#A6AE72): A luminous, balanced green — the color of fresh herbs.
• Fern (#388581): A full-bodied, dusty teal — the color of shallow lagoons.
• Coffee (#744A66): A full-bodied, dusty pink — the color of neon signs at night.
• Deep Olive (#484C00): A deep, shadowed, balanced green — the color of fresh herbs.

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

• Worn Cocoa color palette (#FFF3E8, #C79E7B, #628157, #5D517B, #5D4200)
• Muted Teal color palette (#FFF2ED, #72B89B, #537C9B, #794B47, #3C4D3C)
• Aubergine Studio color palette (#E9F6EC, #9AB58E, #3C8876, #5F427C, #0F3231)
• Patina Pewter Hollow color palette (#FDF4E6, #ABC89F, #54A390, #7C5F9B, #474941)
• Aged Summit color palette (#F9F5EC, #C3C3A2, #718C4C, #7F6117, #535000)
• Muted Archive color palette (#FFF5DA, #C1C9AE, #899C90, #81665D, #764A06)
• Worn Ash Station color palette (#FAF4EE, #CAE7EB, #8B96C5, #3F7A7B, #634A54)
• Weathered Emerald Archive color palette (#FFF2EF, #4BA339, #006C80, #751F45, #00402F)

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