Quiet Coast color palette — #F4F3E2 · #98AD70 · #A079C4 · #586E22 · #311B44

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

The five colors

• Cream (#F4F3E2): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#98AD70): A luminous, balanced green — the color of fresh herbs.
• Wisteria (#A079C4): A luminous, balanced violet — the color of a velvet chair.
• Olive (#586E22): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Indigo (#311B44): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Airy Lilac Study color palette (#EBF9F2, #A2A561, #AA6FB9, #6A6A00, #53355A)
• Tempered Thicket color palette (#EFF4E4, #8FC1A2, #C187AC, #338359, #462729)
• Misty Cabin color palette (#FAF0E4, #C69B5D, #668ECC, #875A00, #0E264B)
• Timeworn Moss color palette (#EAF9F4, #ABC281, #B593DA, #6E8E00, #4D3763)
• Chalky Cobalt Basin color palette (#F5F4D5, #739C4B, #4183C5, #9D505C, #211F04)
• Raspberry Harbor color palette (#E6F9DE, #00B19A, #DB3D76, #006A5C, #42001B)
• Washed Cocoa Delta color palette (#FCEFE5, #C2A688, #956A50, #743A16, #2C2110)
• Pale Byzantium Quarry color palette (#DFEFE0, #27B244, #9E00AD, #005D19, #28002D)

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