Tempered Coast color palette — #FFF1F3 · #F587F7 · #C8A120 · #818C00 · #431E26

Pink Orchid takes the lead with Gold close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Pink Orchid (#F587F7): A luminous, vivid pink — the color of neon signs at night.
• Gold (#C8A120): A luminous, balanced green — the color of fresh herbs.
• Olive Leaf (#818C00): A luminous, balanced green — the color of new leaves after rain.
• Espresso (#431E26): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.

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

• Pale Harbor color palette (#FFF1F4, #E094FF, #F48061, #749100, #431E29)
• Gentle Terrace color palette (#FFF2F0, #FF8FB8, #91B62D, #4A9936, #441C2B)
• Airy Moss color palette (#FFF0F9, #A8A7FF, #8AB748, #6C9916, #27264A)
• Muted Blush color palette (#FFF2F0, #FF8CBC, #79AA43, #008B5E, #003450)
• Faded Wisteria color palette (#FFE8EB, #D88CDD, #55B58F, #369673, #3A1C22)
• Mustard Studio color palette (#DDFEF4, #66BAFF, #C3A400, #86911F, #0C2E47)
• Amber Balcony color palette (#FFF2EE, #FF8797, #E46E00, #008B6A, #1D1A3E)
• Wisteria Station color palette (#FFF1F6, #DBC1FF, #EC8C2D, #B476F9, #2F1500)

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