Tempered Studio color palette — #D4E6E5 · #5991B3 · #004D7C · #002A36 · #00040F

A conversation between Peacock and Storm Blue, giving this palette its sense of trust and stability.

The five colors

• Silver (#D4E6E5): bright and airy, almost weightless.
• Storm Blue (#5991B3): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#004D7C): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#002A36): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#00040F): A deep, shadowed, dusty blue — the color of open sky before noon.

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 Lagoon color palette (#D4E2E0, #43838E, #004351, #001F1F, #000203)
• Navy Courtyard color palette (#EDE0D5, #5C97BA, #004696, #002F31, #0E083C)
• Washed Villa color palette (#DEEDEA, #63AAA8, #00656A, #003A32, #000D10)
• Softworn Petrol color palette (#E9EDDE, #6CAAD0, #006BAA, #00475A, #00142D)
• Weathered Cobalt Market color palette (#E7F5F5, #B3CBE0, #4E7FB2, #005773, #0B203F)
• Weathered Ultramarine color palette (#F6EAF0, #8ABEDF, #1561CA, #003D40, #020013)
• Pale Sapphire Market color palette (#E4F6F6, #8BC1F3, #006EDA, #004D6B, #000856)
• Patina Lantern color palette (#E1EEE0, #B19247, #81790B, #532A00, #0B0500)

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