Mustard Coast color palette — #FFF4DF · #DBB426 · #008CD4 · #786000 · #001A2D

Built around Gold, softened by Cerulean — the whole palette hums with nature and growth.

The five colors

• Cream (#FFF4DF): A whisper-light, dusty gold — the color of honey in a jar.
• Gold (#DBB426): A luminous, balanced green — the color of fresh herbs.
• Cerulean (#008CD4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive (#786000): A full-bodied, balanced green — the color of new leaves after rain.
• Midnight (#001A2D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Powdered Cobalt color palette (#FFF3E8, #FD9E4F, #008CD4, #954E00, #001A2D)
• Softworn Indigo Lantern color palette (#FFF4DE, #DAB526, #7375E3, #786100, #130D40)
• Cornflower Parlor color palette (#D3E3D4, #F4B64C, #428FEA, #AB7700, #002854)
• Pale Corridor color palette (#FFF3E3, #E8B65B, #959DF4, #9A6D00, #202051)
• Soft Terrace color palette (#F9EECB, #A9A522, #4759E1, #535000, #030028)
• Orchid Corridor color palette (#F8F7DC, #97CB5D, #9F70E1, #426800, #21063C)
• Gentle Sapphire Lantern color palette (#EDE0CF, #A77400, #006AC8, #5E4000, #00122B)
• Soft Brick color palette (#FFF2EC, #F78475, #00A4BA, #AE2E26, #001C22)

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