Gentle Coast color palette — #FFF4DE · #E0BC2C · #2C8DEB · #8E7500 · #003B6F

A conversation between Azure and Saffron, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFF4DE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Saffron (#E0BC2C): A luminous, balanced green — the color of a quiet forest floor.
• Azure (#2C8DEB): A luminous, vivid blue — the color of deep harbor water.
• Walnut (#8E7500): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#003B6F): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.

Use it as a design system

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

• Soft Violet Pier color palette (#FFF5D8, #D1C32D, #8874EC, #847A00, #392E6E)
• Airy Loft color palette (#E1FEE7, #EDC155, #7EAEFF, #9D7800, #072A64)
• Soft Station color palette (#FFF3E8, #FFA961, #00AAD9, #9A5300, #004155)
• Weathered Summit color palette (#FFF4DF, #C29F25, #2A66E0, #705900, #193773)
• Hazy Indigo color palette (#EADDC2, #C5A728, #7064CB, #766200, #262050)
• Wisteria Pier color palette (#F7F6E4, #A1C670, #C58BD6, #6F8B49, #513758)
• Hushed Orchard color palette (#FFE9B9, #D8A92F, #7F6BC6, #3076E8, #3E2D00)
• Quiet Lime Canyon color palette (#F8F8CF, #8CD936, #CD6FDD, #477800, #4F2955)

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