Pale Loft color palette — #DFFAE4 · #CC7B00 · #6A6400 · #004361 · #271900

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

The five colors

• Honeydew (#DFFAE4): A whisper-light, dusty teal — the color of sea glass.
• Mustard (#CC7B00): A luminous, balanced gold — the color of old brass.
• Olive (#6A6400): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#004361): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#271900): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

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

• Ember Grove color palette (#DCFCE2, #E66244, #845700, #00474D, #321100)
• Frosted Terrace color palette (#DAF0DE, #AA8400, #466700, #053575, #001E11)
• Dusty Ember color palette (#FFF4E1, #E35B00, #586900, #2F3E83, #4B2E00)
• Bronze Loft color palette (#E4F9E3, #B17400, #006D3E, #003D5C, #2B0032)
• Quiet Coast color palette (#FFF4E2, #EB8F00, #888100, #00628C, #453208)
• Velvet Cabin color palette (#D7E9DB, #866600, #2B2C00, #001506, #080203)
• Olive Garden color palette (#F9ECDE, #B3AE5F, #538441, #335782, #302852)
• Nightshade Grove color palette (#FFF1F5, #FFA38F, #8F8D05, #4E3EB5, #3E1F00)

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