Misty Coast color palette — #FFF3E6 · #D98500 · #797E00 · #00663F · #00383D

Mustard takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#D98500): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#797E00): A full-bodied, balanced green — the color of fresh herbs.
• Pine (#00663F): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#00383D): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Quiet Station color palette (#FFF2EB, #E47956, #977000, #3E6200, #003A2F)
• Tempered Olive color palette (#F2EBD9, #827600, #006430, #003B3E, #001227)
• Feathered Emerald Boulevard color palette (#FFF4E0, #BD9600, #1A9019, #006263, #502100)
• Wandering Moss color palette (#FCF6DA, #9EA400, #008E5F, #00616D, #002B6D)
• Misty Apricot Atelier color palette (#FFF0FA, #FF8768, #9D7800, #266000, #420028)
• Wandering Cypress Corridor color palette (#FDE6BD, #C8BB96, #829E62, #008380, #00515B)
• Washed Drift color palette (#F3DFD3, #EE9641, #B97500, #855A00, #4E3800)
• Gentle Study color palette (#F5F7E6, #95C9A3, #279D6F, #965800, #1D442A)

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