Tempered Studio color palette — #E7F6F2 · #9FD1DF · #2D8A93 · #005C53 · #00262C

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E7F6F2): a clean, paper-quiet neutral.
• Sky (#9FD1DF): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#2D8A93): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005C53): A full-bodied, dusty teal — the color of glacier melt.
• Midnight (#00262C): 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

• Antique Cobalt color palette (#E8F5F4, #B2CBE2, #4E7EB7, #005776, #0F1F3E)
• Forest Lagoon color palette (#FDF3EE, #B4CDB6, #23859F, #006342, #103E5C)
• Ancient Field color palette (#D8EDE9, #478389, #00444D, #001F1D, #000202)
• Cypress Hollow color palette (#EBF4F2, #C9DFF3, #73A5B5, #40776B, #1D3B46)
• Softworn Denim Station color palette (#DCF0EC, #75A4B7, #006375, #003939, #000D13)
• Timeworn Fern color palette (#CBE9DB, #939F6E, #66692E, #463F06, #001E17)
• Aubergine Pier color palette (#E8E6FF, #B175C7, #008AA7, #733688, #002029)
• Rust Alley color palette (#E2DCF1, #A75D9C, #B44720, #3955A4, #180D28)

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