Tempered Canyon color palette — #F6F1EA · #A9D2C6 · #577ABF · #00586F · #1A1C3E

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

The five colors

• Cream (#F6F1EA): bright and airy, almost weightless.
• Oat (#A9D2C6): A whisper-light, dusty teal — the color of sea glass.
• Slate (#577ABF): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#00586F): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Indigo (#1A1C3E): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Hazy Cobalt color palette (#FAF1E2, #8BC4E2, #0076C1, #005059, #00114D)
• Ancient Garden color palette (#F5F1EB, #B1D1B5, #188AA0, #005D4C, #002433)
• Timeworn Denim Archive color palette (#EEE8DE, #5C93A5, #004F72, #002C2C, #00040E)
• Softworn Cabin color palette (#D1F2FD, #35A0CF, #006DAC, #00418D, #131843)
• Iris Station color palette (#F0F7F2, #B3D9FE, #6C94E2, #097794, #2F3A55)
• Ancient Petrol color palette (#FDECFD, #F4CCE3, #CD9FE0, #007BA6, #361F30)
• Hushed Study color palette (#F4E2F6, #5F95CF, #A76E00, #00559D, #291800)
• Faded Brick Thicket color palette (#F7ECF6, #4B7BC6, #BA3946, #246D00, #03132F)

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