Tempered Coast color palette — #DCDCF1 · #FF689D · #9F6E00 · #2C1C00 · #0E0600

Bubblegum takes the lead with Ochre close behind in a set that reads as optimism and energy at first glance.

The five colors

• Silver (#DCDCF1): A whisper-light, dusty violet — the color of wild irises.
• Bubblegum (#FF689D): A luminous, vivid red — the color of late-summer berries.
• Ochre (#9F6E00): A full-bodied, balanced gold — the color of old brass.
• Onyx (#2C1C00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#0E0600): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Energy, Balance. Tagged neon, dark, 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

• Aged Amber color palette (#DEE4F1, #FF9A96, #B27C00, #0B0B02, #000200)
• Hushed Fuchsia color palette (#E0EEFF, #E466FC, #B85C00, #331500, #0F0602)
• Fuchsia Dune color palette (#FFE3D5, #FF78D7, #BDA400, #322A00, #1F1601)
• Wandering Grove color palette (#E9D9E7, #8A86FF, #E35C00, #381100, #090200)
• Linen Coral Station color palette (#FFE3EC, #FD614F, #228D0E, #032301, #060700)
• Amber Archive color palette (#E4E8D5, #D67531, #005513, #002204, #020300)
• Aged Magenta Boulevard color palette (#F4E0DF, #D801EA, #8D7F00, #171400, #030200)
• Dusty Ember Hollow color palette (#F6DCEB, #E74500, #006F32, #00110E, #010200)

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