Dusty Harbor color palette — #FFF0F9 · #DE7954 · #5A7C0B · #2D3484 · #15020F

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

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Coral Clay (#DE7954): A luminous, balanced orange — the color of toasted spice.
• Olive Leaf (#5A7C0B): A full-bodied, balanced green — the color of fresh herbs.
• Indigo (#2D3484): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#15020F): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Dusty Harbor 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

• Amber Workshop color palette (#FFF1F6, #D68424, #008956, #4F3482, #150109)
• Dusty Blush Workshop color palette (#F9F2FE, #DE73A0, #677D02, #273A88, #0D0413)
• Bronze Boulevard color palette (#E7FBEB, #FA9699, #967C00, #344D8C, #331628)
• Pine Workshop color palette (#F8F2FF, #DD85B8, #008D51, #642F75, #280E31)
• Weathered Coral color palette (#FEF0FA, #F98C72, #009E86, #65458B, #261522)
• Powdered Station color palette (#E3FDEC, #998200, #007E53, #5E009C, #090700)
• Hushed Bronze Archive color palette (#FFF3E8, #9B5405, #2D5700, #003263, #331711)
• Aged Amber Pier color palette (#FFF1F5, #C07600, #34390C, #1A0910, #020102)

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