Tempered Studio color palette — #E8EFFD · #BCB780 · #4F5DA3 · #262F67 · #0F1624

Slate takes the lead with Navy close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#E8EFFD): A whisper-light, dusty violet — the color of wild irises.
• Sage (#BCB780): A luminous, dusty green — the color of a quiet forest floor.
• Slate (#4F5DA3): A full-bodied, balanced violet — the color of wild irises.
• Navy (#262F67): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#0F1624): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Tempered Studio 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

• Petrol Ridge color palette (#E5F0FA, #E1A391, #296994, #00395A, #051726)
• Navy Summit color palette (#F2F5FF, #B2CEA3, #6E6A9E, #403A6D, #1E212C)
• Wandering Denim Workshop color palette (#FFF0FC, #D6D67C, #475EA8, #1A2548, #090107)
• Washed Navy Lantern color palette (#F8EAF3, #BB9642, #363782, #1A1C44, #20101B)
• Weathered Honey color palette (#E7EEFF, #F0C157, #7A81C3, #495672, #0F1524)
• Grape Quarry color palette (#E1E2FB, #4DC589, #782EAB, #430067, #180328)
• Navy Delta color palette (#E9F0FF, #859E38, #363690, #130A4D, #020013)
• Linen Boulevard color palette (#F7F3FF, #7ED18E, #A2388A, #631052, #1F152C)

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