Pale Field color palette — #EDD6E8 · #C0844C · #727600 · #630036 · #220515

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

The five colors

• Thistle (#EDD6E8): A whisper-light, dusty pink — the color of a candy shop window.
• Caramel (#C0844C): A luminous, balanced gold — the color of old brass.
• Olive (#727600): A full-bodied, balanced green — the color of a quiet forest floor.
• Mulberry (#630036): A deep, shadowed, balanced rose — the color of a warm blush.
• Ink (#220515): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged pastel, light, warm.

Use it as a design system

One click turns Pale Field 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

• Pale Aubergine color palette (#F6E2FF, #D18173, #866300, #501A5B, #1D061B)
• Wandering Olive Thicket color palette (#FFDEEE, #B49546, #4C7800, #6C0024, #001301)
• Amber Balcony color palette (#FFDBC9, #C06E00, #8B6100, #5B1003, #050100)
• Washed Quarry color palette (#FDD9C8, #DE934F, #A37A2C, #813622, #170800)
• Pine Alley color palette (#D1E9D1, #8FA145, #007E4A, #4F1900, #001007)
• Chestnut Studio color palette (#D7E2D6, #765A00, #272330, #1F1100, #040200)
• Pale Emerald Market color palette (#DBE8DB, #AEB378, #00A673, #792D00, #062814)
• Terracotta Bloom color palette (#E9E7FA, #0080A2, #9F4500, #0F0801, #050003)

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