Quiet Coral color palette — #FBD9CA · #FF6C5E · #818D00 · #006F77 · #221247

Built around Watermelon, softened by Olive Leaf — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FBD9CA): A whisper-light, dusty orange — the color of sun-warmed clay.
• Watermelon (#FF6C5E): A luminous, vivid orange — the color of toasted spice.
• Olive Leaf (#818D00): A luminous, balanced green — the color of a quiet forest floor.
• Teal (#006F77): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#221247): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

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

• Hushed Station color palette (#FFEEE4, #FF8E68, #67A74A, #1B79A4, #401B3B)
• Timeworn Ridge color palette (#FDD7D3, #FF5EA6, #AA7B00, #007355, #001F40)
• Olive Grove color palette (#EEE1D8, #DF6900, #2D8900, #005976, #200029)
• Powdered Ember Villa color palette (#FFF0FB, #EB5D4B, #007559, #004146, #0C0031)
• Feathered Corridor color palette (#F8D9D1, #F4165A, #007368, #004A5E, #00242F)
• Marigold Ridge color palette (#F8E5CA, #D69E00, #00A277, #006AB3, #41003D)
• Timeworn Summit color palette (#F2DED5, #DCA37D, #A7936E, #3B868F, #193F35)
• Hushed Bronze color palette (#FCE7CE, #AF7200, #007846, #00486F, #120014)

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