Quiet Ridge color palette — #FFF3E4 · #D99800 · #008B6F · #314680 · #370319

A conversation between Mustard and Fern, giving this palette its sense of optimism and creativity.

The five colors

• Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
• Mustard (#D99800): A luminous, balanced gold — the color of old brass.
• Fern (#008B6F): A full-bodied, balanced teal — the color of sea glass.
• Navy (#314680): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#370319): A deep, shadowed, balanced red — the color of late-summer berries.

Feels like: Optimism, Creativity, Balance. Tagged cool.

Use it as a design system

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

• Washed Workshop color palette (#FFF2EA, #F58247, #4A8830, #00516D, #2B0A31)
• Mustard Market color palette (#FCF5E4, #D1BC33, #2A9D92, #4B5987, #451A2C)
• Aged Lime Station color palette (#F9F7DD, #8EB73C, #00849C, #583A72, #360A00)
• Soft Apricot Corridor color palette (#FEEEE3, #FB9352, #00AB8D, #795DAF, #3D1A46)
• Ancient Terrace color palette (#F9E7F6, #B0625D, #066726, #1B247F, #2E0008)
• Amber Loft color palette (#FEF4E2, #A68600, #36352E, #160E02, #020100)
• Hushed Courtyard color palette (#FFF3E2, #E7DCB1, #969C77, #7B5C78, #513443)
• Muted Lagoon color palette (#FAF6E1, #B4DFA0, #529C6C, #69625D, #292A0E)

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