Tempered Coast color palette — #FCF0FF · #FF869C · #B78A00 · #6B8A00 · #261A37

Rose and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FCF0FF): A whisper-light, dusty pink — the color of neon signs at night.
• Rose (#FF869C): A luminous, balanced red — the color of late-summer berries.
• Mustard (#B78A00): A luminous, balanced gold — the color of honey in a jar.
• Olive Leaf (#6B8A00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#261A37): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Powdered Blush color palette (#FFF0FC, #FF948C, #A9972B, #866FA7, #322839)
• Gentle Veranda color palette (#FFF1F7, #FFA0B9, #F26E67, #8D7A1E, #54242C)
• Sunlit Canyon color palette (#F9F2FF, #F77BBA, #C8802B, #6574AF, #1E1B2E)
• Linen Byzantium color palette (#FFEAF5, #F97205, #82A220, #981EA0, #30040F)
• Chalky Magenta color palette (#FFF1F2, #D460D2, #7E7B00, #00655C, #080F33)
• Aged Fuchsia color palette (#F5F3FF, #F36DFF, #F05C08, #996A00, #1C213E)
• Patina Alley color palette (#FBF1FF, #FF8EB6, #EB7F37, #4468C2, #471655)
• Tempered Boulevard color palette (#F0F5FF, #8CA7FF, #E362A6, #008C86, #032238)

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