Amber Coast color palette — #CFE5D3 · #C49500 · #00AA80 · #00848D · #04210E
A conversation between Mustard and Jade, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#CFE5D3): A whisper-light, dusty teal — the color of glacier melt.
- Mustard (#C49500): A luminous, balanced gold — the color of afternoon light on wheat.
- Jade (#00AA80): A luminous, balanced teal — the color of sea glass.
- Teal (#00848D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Ink (#04210E): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.
Use it as a design system
One click turns Amber Coast 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
- Airy Emerald color palette (#CEE9DB, #AEA700, #009E58, #006F76, #351500)
- Powdered Emerald Basin color palette (#F4D4DE, #D98700, #00AD51, #00867C, #2E0D1B)
- Moss Workshop color palette (#C8E6DF, #6EB234, #00A1C0, #2278BD, #00201B)
- Chalky Mustard color palette (#EDE6D9, #D2AA00, #A39200, #696B00, #1F2B00)
- Azure Quarry color palette (#C7E5E5, #00B980, #1896F0, #5A66D4, #002114)
- Ultramarine Thicket color palette (#D0EAE8, #009543, #007AA4, #1D43C2, #000701)
- Aged Lime color palette (#E7FAF5, #9FCA67, #00C3D7, #4C97CF, #1E3932)
- Linen Amber Boulevard color palette (#F4E7EC, #FCA656, #A59700, #C57000, #001208)
Browse the whole catalog at Explore, or see today's palette.