Misty Basin color palette — #F8F6E4 · #ACC17F · #53B3D0 · #748B3B · #004A5C

Built around Olive Leaf, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Cream (#F8F6E4): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#ACC17F): A luminous, balanced green — the color of a quiet forest floor.
• Cyan (#53B3D0): A luminous, balanced blue — the color of open sky before noon.
• Olive Leaf (#748B3B): A luminous, balanced green — the color of fresh herbs.
• Deep Teal (#004A5C): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

One click turns Misty Basin 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 Bronze color palette (#FEF4E3, #CEB56F, #37BBB2, #9C7C00, #004D49)
• Weathered Lagoon Bloom color palette (#F3F7EB, #A1D2B1, #8EB5E1, #5C9D74, #5A455C)
• Washed Moss Dune color palette (#F9F7DB, #92B259, #3AACA7, #B47642, #393831)
• Dusty Dune color palette (#F4F7E8, #92C793, #D6926E, #4A944E, #62351B)
• Worn Pine Station color palette (#F3F7EA, #C5C996, #47805A, #264C33, #202413)
• Faded Pier color palette (#E8FAF3, #C2D781, #C4AEFF, #94AA43, #3C405E)
• Ancient Harbor color palette (#F8F5E8, #9CA66D, #9978BE, #626D00, #4C3762)
• Iris Pier color palette (#E6FEDB, #00CAAF, #8090FC, #008B78, #2A2F7B)

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