Tempered Basin color palette — #F5EDE2 · #99CBEE · #4788D5 · #00697B · #1E2A55

Azure and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F5EDE2): bright and airy, almost weightless.
• Sky (#99CBEE): A luminous, dusty blue — the color of a favorite pair of jeans.
• Azure (#4788D5): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#00697B): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#1E2A55): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Tempered Basin 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

• Chalky Harbor color palette (#EFF8F1, #D4DEFC, #3492FA, #006778, #111B3E)
• Hushed Cerulean color palette (#F4EDE3, #AACFB3, #1E94B4, #006D61, #00324A)
• Hushed Balcony color palette (#F4EDE7, #8CB7D7, #4C62AD, #00504F, #332351)
• Washed Periwinkle color palette (#F6EBEF, #ACDAF8, #79A0FF, #00918B, #312353)
• Faded Archive color palette (#FCF4E8, #A9E7F0, #00ACD4, #008476, #004565)
• Patina Petrol color palette (#E9DECD, #60AEC9, #006E9F, #004A4C, #00142D)
• Soft Moss color palette (#D7E3CD, #639900, #007DD6, #B23253, #152500)
• Washed Atelier color palette (#F9F4EE, #CCE6EA, #9BB2D8, #69917B, #62495B)

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