Dusty Cocoa Pier color palette — #F4F8E0 · #59B59E · #006D73 · #632706 · #030A00

Rust and Turquoise set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F4F8E0): A whisper-light, dusty green — the color of new leaves after rain.
• Turquoise (#59B59E): A luminous, balanced teal — the color of glacier melt.
• Teal (#006D73): A full-bodied, balanced blue — the color of deep harbor water.
• Rust (#632706): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#030A00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Trust, Stability, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Aged Jade Courtyard color palette (#FBF6DC, #76B37D, #00705B, #384104, #000B01)
• Feathered Pine color palette (#FFF4DE, #93AE5B, #007333, #592A3F, #050900)
• Ancient Harbor color palette (#CBFFEC, #00C19D, #00705C, #002B21, #000201)
• Aged Coast color palette (#DFF3F0, #358B72, #004F50, #4D1E0C, #002118)
• Tempered Moss Corridor color palette (#ECE0C7, #829936, #005E20, #352A00, #010100)
• Wandering Emerald Villa color palette (#FEF4E4, #D1D59A, #6D985C, #546B4D, #302703)
• Gentle Station color palette (#E8F4CF, #27BC75, #B1347E, #005D35, #15000B)
• Wandering Lagoon Grove color palette (#EBE9D0, #468B60, #00463D, #151F00, #000200)

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