Quiet Coast color palette — #FFF1F2 · #F7BE91 · #A29E47 · #4D57A3 · #2F2B58

Cobalt and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Cantaloupe (#F7BE91): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Moss (#A29E47): A luminous, balanced green — the color of new leaves after rain.
• Cobalt (#4D57A3): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#2F2B58): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, muted.

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

• Worn Amber color palette (#FFF0F9, #FFB1A6, #B68D33, #1C5E8A, #033656)
• Chalky Denim color palette (#FFF2EA, #D9C078, #72986A, #704B8D, #40284F)
• Worn Basalt Hollow color palette (#FFF2EC, #ECD9AC, #90B085, #737197, #53335C)
• Muted Olive color palette (#FFE4E8, #CC8554, #7D7400, #304388, #3D3064)
• Moss Market color palette (#F7EED6, #C5BE71, #8EAA5A, #00877E, #004952)
• Muted Parlor color palette (#F7EFD9, #779F68, #006762, #5B1234, #1E0300)
• Misty Basalt Market color palette (#FCDA9E, #97AB6D, #328374, #5C264D, #2C041B)
• Dusty Harbor color palette (#EFE3CF, #A99554, #707700, #005547, #002929)

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