Tempered Studio color palette — #F6EFF4 · #C4E2ED · #5C97AE · #2A6C55 · #112E48
Built around Pine, softened by Storm Blue — the whole palette hums with trust and stability.
The five colors
- Ivory (#F6EFF4): bright and airy, almost weightless.
- Powder Blue (#C4E2ED): A whisper-light, dusty blue — the color of deep harbor water.
- Storm Blue (#5C97AE): A luminous, dusty blue — the color of a favorite pair of jeans.
- Pine (#2A6C55): A full-bodied, dusty teal — the color of glacier melt.
- Midnight (#112E48): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Worn Cypress color palette (#F8EFF3, #D8D0E4, #839EC5, #2F777B, #2D354C)
- Muted Cobalt Loft color palette (#FAEEF5, #A1CFE8, #4082B2, #005C54, #0F1E42)
- Washed Lantern color palette (#F3E4EE, #5195A5, #004F72, #002C25, #000412)
- Misty Pine color palette (#E0F8F5, #7DB380, #B573AA, #287732, #3A1935)
- Hushed Lagoon color palette (#F2E0E5, #4D7DA8, #1E2F86, #001E24, #020009)
- Muted Powder color palette (#DCF9F6, #C3DFF2, #ABC4F4, #838B5A, #1F3B3D)
- Weathered Delta color palette (#E6E1AC, #98B061, #588E49, #006343, #003931)
- Bronze Balcony color palette (#E9F6E9, #94B5A0, #8F6E40, #6B4028, #0D2820)
Browse the whole catalog at Explore, or see today's palette.