Sunlit Pier color palette — #FFE3DC · #CC7100 · #765700 · #424400 · #1D3400

Mustard and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#FFE3DC): A whisper-light, dusty orange — the color of autumn markets.
• Mustard (#CC7100): A luminous, balanced gold — the color of old brass.
• Coffee (#765700): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#424400): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Forest (#1D3400): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Sunlit 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

• Patina Apricot Terrace color palette (#FFEBE2, #F19322, #BA8600, #6E6800, #232F00)
• Tempered Bronze color palette (#FBEAE1, #967000, #555100, #1D3200, #001E1A)
• Gentle Garden color palette (#F6D6DD, #E5585E, #954700, #553800, #1D320C)
• Antique Chapel color palette (#ECE6AA, #A49D00, #5B5500, #332D00, #1B1700)
• Tempered Chestnut color palette (#D4E9D9, #868D56, #6C5100, #582700, #002B27)
• Faded Studio color palette (#F7EFDF, #969800, #436300, #004920, #00342F)
• Weathered Pier color palette (#CBE6D5, #937E00, #2161D7, #554900, #0D2655)
• Feathered Chapel color palette (#DEF9E4, #C3D289, #00B6AE, #964335, #103B2A)

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