Tempered Canyon color palette — #F1F7F2 · #BCE8F8 · #3DC4E3 · #00A28A · #0F4056

Built around Cyan, softened by Fern — the whole palette hums with trust and stability.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Powder Blue (#BCE8F8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#3DC4E3): A luminous, balanced blue — the color of deep harbor water.
• Fern (#00A28A): A luminous, balanced teal — the color of sea glass.
• Deep Teal (#0F4056): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. 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

• Frosted Grove color palette (#DBF6EE, #2FD5C6, #00AFB8, #008197, #004052)
• Antique Workshop color palette (#E9F8FF, #D1DAED, #CABDEA, #51B2AB, #274254)
• Washed Periwinkle color palette (#EFF8F1, #C7E4FF, #81B3FF, #009BBB, #2C3A58)
• Hushed Dune color palette (#F9F3F8, #B1DCEB, #20A3D3, #217F4A, #243B5C)
• Frosted Atelier color palette (#C6EBFD, #00C3DF, #EA6ED8, #AF932C, #0E303D)
• Muted Ridge color palette (#DBE7DD, #53B0BD, #0081A0, #005E55, #000B14)
• Chalky Field color palette (#EAF8FF, #6CDDFB, #00B7E3, #007F9F, #002630)
• Linen Delta color palette (#D9F4FE, #4AEBFD, #E9756E, #00A4B3, #532623)

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