Quiet Tangerine Garden color palette — #F1DDE9 · #BFB600 · #FB7B27 · #4C1E00 · #230718

Tangerine and Gold set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F1DDE9): A whisper-light, dusty pink — the color of neon signs at night.
• Gold (#BFB600): A luminous, vivid green — the color of fresh herbs.
• Tangerine (#FB7B27): A luminous, vivid orange — the color of sun-warmed clay.
• Espresso (#4C1E00): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#230718): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged neon, dark, vibrant, warm.

Use it as a design system

One click turns Quiet Tangerine Garden 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

• Hazy Villa color palette (#F6DCE3, #85C900, #E68D00, #4A2A00, #210913)
• Marigold Terrace color palette (#F4DDE8, #E4991C, #8D4400, #4A2100, #200314)
• Coral Basin color palette (#E5DBF7, #E8A200, #FF716E, #5C1416, #241022)
• Sunlit Veranda color palette (#F9E8EA, #3FE71C, #DCAE00, #453400, #142118)
• Linen Harbor color palette (#F5D9D9, #00CB7A, #C19900, #392B00, #011407)
• Mint Courtyard color palette (#C0E7ED, #00F196, #E0B600, #281E00, #0C0600)
• Marigold Lantern color palette (#EAF6EA, #E39A00, #6F8200, #8D5E00, #101400)
• Powdered Ember Harbor color palette (#D3E3F0, #33D7C4, #EA4422, #3C0500, #20101C)

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