Tempered Study color palette — #E4FBF8 · #A0D8E9 · #008CB3 · #00656D · #004563

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

The five colors

• Ivory (#E4FBF8): A whisper-light, dusty teal — the color of sea glass.
• Powder Blue (#A0D8E9): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#008CB3): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#00656D): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#004563): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. 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 Hollow color palette (#DFFCF9, #7AC3DE, #0078A2, #00545F, #003754)
• Pale Cobalt Dune color palette (#FAEEF5, #9ADBEF, #158BCA, #006358, #021F5A)
• Ancient Abyss color palette (#D1E3E0, #5D9AA7, #005266, #002F31, #001721)
• Dusty Pier color palette (#EEF7F7, #D6DCED, #789EBD, #39788C, #425468)
• Sky Delta color palette (#F4F7EA, #B9EFFF, #33C7FA, #00A4B1, #004563)
• Azure Alley color palette (#FEF2EC, #A6E7FA, #4BA4DE, #008476, #1C3C7A)
• Hazy Pine color palette (#D9FFF2, #A0EBFF, #72CED8, #1D8B5D, #004E46)
• Wandering Ridge color palette (#BFFAE8, #00957A, #007AB4, #676400, #003A2E)

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