Tempered Study color palette — #F1F7F2 · #C8DFF7 · #768AB3 · #006D89 · #3A4766

Peacock takes the lead with Slate Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Powder Blue (#C8DFF7): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#768AB3): A luminous, dusty violet — the color of a velvet chair.
• Peacock (#006D89): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#3A4766): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered Study 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 Cobalt color palette (#EDF9EF, #A5D4FB, #4A7ECF, #006378, #323B6B)
• Tempered Denim Corridor color palette (#E1EBE3, #66AABC, #005F82, #003E3C, #00213B)
• Tempered Powder Hollow color palette (#E6F9FF, #D1DAEC, #BFBCE7, #4D8376, #3B5462)
• Washed Navy color palette (#E4EFE6, #5A879F, #003E6C, #002226, #000329)
• Worn Lagoon Lantern color palette (#FAF4ED, #C5E4E9, #94A0E1, #038B91, #5F3B49)
• Weathered Petrol Orchard color palette (#E7F9FF, #6FC9D2, #008192, #005058, #003438)
• Hushed Garden color palette (#E5F9FF, #45B3B0, #C16D79, #007573, #633038)
• Sunlit Bronze color palette (#E6F9FF, #009BA2, #9765A2, #896000, #183E49)

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