Quiet Denim color palette — #FFF4DA · #00A38A · #0060B1 · #4F4600 · #003D43

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

The five colors

• Custard (#FFF4DA): A whisper-light, dusty gold — the color of old brass.
• Fern (#00A38A): A luminous, balanced teal — the color of shallow lagoons.
• Cobalt (#0060B1): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#4F4600): A deep, shadowed, balanced green — the color of fresh herbs.
• Deep Teal (#003D43): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged retro, cool.

Use it as a design system

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

• Pale Workshop color palette (#F5EFD4, #0097A5, #514CA4, #404400, #02354C)
• Sunlit Harbor color palette (#FFF2ED, #22A65A, #006A8A, #86020C, #003F37)
• Navy Pier color palette (#E4DFBE, #008B78, #004B95, #2D3900, #002A2F)
• Wandering Forest Bloom color palette (#F2F8E2, #45A6BB, #696099, #005E2D, #1F453B)
• Cypress Workshop color palette (#FBF4E6, #8CAF78, #007C5E, #005976, #2A421B)
• Softworn Ultramarine Canyon color palette (#DAFCE1, #00A0CB, #284FD8, #711A00, #001E32)
• Fern Harbor color palette (#D8F4CF, #77BBB0, #5483A2, #6B5D00, #00533E)
• Aubergine Hollow color palette (#BEF2DC, #0084C9, #7F009A, #004330, #18225A)

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