Tempered Canyon color palette — #FBF3F1 · #D0E2CE · #3797B2 · #357235 · #2C4A67

Built around Olive, softened by Cerulean — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF3F1): a clean, paper-quiet neutral.
• Celadon Mist (#D0E2CE): A whisper-light, dusty green — the color of fresh herbs.
• Cerulean (#3797B2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive (#357235): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#2C4A67): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, 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

• Hushed Cerulean color palette (#FAF4F0, #C6E5D3, #578FC3, #00735C, #5C3B53)
• Dusty Cerulean Field color palette (#EEF4EF, #BEE4ED, #00A0AE, #246D53, #12303E)
• Wandering Cobalt Field color palette (#FEF2ED, #ADCFB5, #3081AC, #006340, #253864)
• Dusty Turquoise Courtyard color palette (#F8F5EF, #C5E5DA, #42B7C4, #438A6F, #344F40)
• Washed Cerulean Study color palette (#F6E2DB, #469EA6, #00516D, #003219, #001135)
• Wandering Workshop color palette (#FFF2EE, #CB8C8E, #0E9D9B, #AB3544, #004D4C)
• Ember Grove color palette (#FFF2ED, #C46B68, #008C93, #216B8C, #3E3633)
• Washed Meadow color palette (#F9F3F9, #D3D9F9, #6CCDE8, #7BA578, #344A5F)

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