Tempered Studio color palette — #FDF1F9 · #BBE8FE · #73BBE9 · #27A08E · #283B55

A conversation between Fern and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FDF1F9): a clean, paper-quiet neutral.
• Powder Blue (#BBE8FE): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#73BBE9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#27A08E): A luminous, balanced teal — the color of sea glass.
• Navy (#283B55): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Ancient Sky Workshop color palette (#FFF0FB, #73F0F6, #00BDE7, #009C6E, #003657)
• Pale Periwinkle color palette (#FCE8EF, #ABD9FF, #7FA2F0, #008F9D, #2C284C)
• Dusty Azure color palette (#F4F6EC, #B5E1C6, #32A3C9, #0F7A82, #133F55)
• Teal Delta color palette (#FAF2F8, #D6D5E5, #A0CEE8, #76AFA0, #455466)
• Cobalt Market color palette (#FCE9F4, #5EADC6, #007BBD, #005E56, #00032B)
• Misty Terrace color palette (#EAD9E2, #87CAE8, #4A97DE, #007D79, #111A47)
• Washed Mint Drift color palette (#D9F5F6, #47DCA7, #DB93D7, #3AA77F, #4B244A)
• Soft Veranda color palette (#D5FFF4, #43EEC2, #00BCA0, #008A74, #002C23)

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