Quiet Canyon color palette — #FFF3E8 · #E87800 · #697700 · #005C68 · #1C0116

Tangerine and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Tangerine (#E87800): A luminous, vivid gold — the color of afternoon light on wheat.
• Olive (#697700): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#005C68): A full-bodied, dusty blue — the color of open sky before noon.
• Ink (#1C0116): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Quiet 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

• Dusty Terrace color palette (#FFF3E7, #DF8100, #008195, #006171, #200206)
• Hushed Ember Ridge color palette (#FFF2EA, #D25500, #00675F, #004348, #080002)
• Muted Navy color palette (#FCF8C8, #A78A00, #00699B, #004290, #0B0001)
• Rust Pier color palette (#FFECF5, #B45200, #585400, #003C67, #1F0800)
• Worn Bronze color palette (#FFF5D8, #FFA394, #A68000, #1D5A96, #421B00)
• Soft Blush color palette (#FFF2F0, #FF6CB2, #008B56, #005936, #1E081C)
• Frosted Garden color palette (#FFF4DE, #D2A900, #8FA000, #008870, #35152C)
• Amber Corridor color palette (#FFF1F2, #FFC4B2, #C97F00, #715F00, #1F2700)

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